import React, { Component } from 'react'

export default class Life extends Component {
    state = {
        count: 100
    }
    // 应该  组件  更新 ？
    shouldComponentUpdate() {
        // 可以做一些优化
        return true
    }
    // 组件  将要  更新
    componentWillUpdate() {
        // 组件和数据没有进行更新
        console.log(this.state.count)
    }
    // 渲染
    render() {
        console.log('我是存在期的第三个生命周期')
        const { count } = this.state
        return (
            <div>
                <h3>
                    { count }
                </h3>
                <button onClick={() => {
                    this.setState({
                        count: this.state.count + 1
                    })
                }}>++++</button>
            </div>
        )
    }
    // 组件  完成  更新
    componentDidUpdate() {
        console.log('我是存在期的第四个生命周期') 
    }
}
